<template>
  <div>
    <el-card
        style="padding: 0!important;"
        shadow="never"
        v-loading="loading"
        body-style="padding: 24px;" >
        <el-row type="flex" class="row-bg" justify="space-between">
            <h2>{{$t('collegeFirstTrial.projectDeclara')+'-'+ $t('projectDeclara.sample')}}</h2>
            <el-button @click="goBack">{{$t('requirement.back')}}</el-button>
        </el-row>
        <hr>
        <ul style="list-style:none;width:100%">
            <li><img style="width:100%" :src="images" alt="" ></li>
            <li><img style="width:100%" :src="images2" alt="" ></li>
            <li><img style="width:100%" :src="images3" alt="" ></li>
            <li><img style="width:100%" :src="images4" alt="" ></li>
            <li><img style="width:100%" :src="images5" alt="" ></li>
        </ul>
    </el-card>
  </div>
</template>
<script>
export default {
  data() {
    return{
        images: 'static/images/icon/viewExample1.png',
        images2: 'static/images/icon/viewExample2.png',
        images3: 'static/images/icon/viewExample31.png',
        images4: 'static/images/icon/viewExample32.png',
        images5: 'static/images/icon/viewExample33.png'
    };
  },
  created() {
    // this.getColleges();
  },
  methods: {
    goBack() {
    //   this.$store.commit("delete_tabs", this.$route.path);
      this.$emit('see-TheSample');
    }
  }
}
</script>
<style lang="scss" scoped>
 
</style>